<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>Home Page</title>
		<meta name="author" content="Fabio Fondi">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="shortcut icon" href="/favicon.ico">
		<!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png"> -->
		<link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="styles/css/login.css" rel="stylesheet">

	</head>

	<body>

		<div class="container-fluid" style="width: 100%;">
			<div class="row row-background-index">
				<div class="row-content-head">
					<nav class="navbar navbar-default" id="menu_home" role="navigation">
						<div class="navbar-header">
							<a class="navbar-brand" href="#">{code}projectName{/code}</a>
						</div>
						
						<ul class="nav navbar-nav pull-left">
							<li>
								<a href="?page=iscrizione"> Iscriviti </a>
							</li>
							<li>
								<a href="?page=regolamento"> Regolamento </a>
							</li>
							<li>
								<a href="#"> Storia </a>
							</li>
							<li>
								<a href="#"> Ambientazione </a>
							<li>
								<a href="#"> Credits </a>
							</li>
						</ul>
					</nav>
				</div>
				
			</div>
			<div class="row row-white">
				<div class="row-content">
					
					<div class="row">
						<div class="col-md-8">
							<h4>Entra e inizia a giocare...</h4>
							<form id="loginForm" action="login.php" method="post">
								<fieldset>
									<div class="form-group">
										<label class="control-label" for="userLogin">Nome del Personaggio / E-mail</label><br />
										<input class="form-control" id="userLogin" type="text" name="user" style="width: 35%" />
									</div>
									<div class="form-group">
										<label class="control-label" for="passLogin">Password</label><br />
										<input class="form-control" id="passLogin" type="password" name="pass" style="width: 35%" />
									</div>
									<div class="form-group">
										<div class="checkbox">
											<label>
												<input type="checkbox" name="remind_access"> Accedi automaticamente
											</label>
										</div>
									</div>
									<div class="form-group">
										<div class="checkbox">
											<label>
												<input type="checkbox" name="popup_access"> Accedi in popup
											</label>
										</div>
									</div>
									<div class="form-group">
										<input class="btn btn-success" type="submit" value="Entra" />
									</div>
								</fieldset>
							</form>
						</div>
						
						<div class="col-md-4 text-center">
							<h4>Hai dimenticato la password?</h4>
							<div class="alert alert-info text-center">
								Se hai smarrito la tua password o &egrave; passato tanto tempo dal tuo accesso, compila il modulo sottostante per ricevere via email la tua nuova password<br />
								<strong>(La password verrà generata in modo casuale dal sistema)</strong>
							</div>
	
							<form id="forgotForm" action="" method="post">
								<fieldset>
									<div class="form-group">
										<label class="control-label" for="emailR">inserisci l'indirizzo E-mail di registrazione</label>
										<input class="form-control" id="emailR" type="email" />
									</div>
									<input class="btn btn-success" type="submit" value="Richiedi Password" />
	
								</fieldset>
							</form>
						</div>
					</div>
					
				</div>
			</div>
			<div class="row row-background-index">
				<div class="row-content">
					
					<div class="row">
						<h3>Screenshots</h3>
  						<div class="col-md-6">
    						<div class="thumbnail">
      							<img class="img-circle" src="styles/imgs/screenshot.png" alt="...">
      							
      							<div class="caption">
        							<h3>Thumbnail label</h3>
        							<p>...</p>
        							<p><a href="#" class="btn btn-primary" role="button">Visualizza</a></p>
      							</div>
    						</div>
  						</div>
  						<div class="col-md-6">
    						<div class="thumbnail">
								<img class="img-circle" src="styles/imgs/screenshot.png" alt="...">      
															
      							<div class="caption">
        							<h3>Thumbnail label</h3>
        							<p>...</p>
        							<p><a href="#" class="btn btn-primary" role="button">Visualizza</a></p>
      							</div>
    						</div>
  						</div>
  					</div>
  					<div class="row">
  						<div class="col-md-6">
    						<div class="thumbnail">
								<img class="img-circle" src="styles/imgs/screenshot.png" alt="...">
								      							
      							<div class="caption">
        							<h3>Thumbnail label</h3>
        							<p>...</p>
        							<p><a href="#" class="btn btn-primary" role="button">Visualizza</a></p>
      							</div>
    						</div>
  						</div>
  						<div class="col-md-6">
    						<div class="thumbnail">
								<img class="img-circle" src="styles/imgs/screenshot.png" alt="...">
								      							
      							<div class="caption">
        							<h3>Thumbnail label</h3>
        							<p>...</p>
        							<p><a href="#" class="btn btn-primary" role="button">Visualizza</a></p>
      							</div>
    						</div>
  						</div>
					</div>
					
				</div>
			</div>
			<div class="row row-white">
				<div class="row-content">
					
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  
  						<ol class="carousel-indicators">
    						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
    						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
  						</ol>
  						
  						<div class="carousel-inner">
    						<div class="item active">
      							<img src="styles/imgs/screenshot.png" style="margin: 0 auto;" alt="...">
      							<div class="carousel-caption">
        							Prima News
      							</div>
    						</div>
    						<div class="item">
      							<img src="styles/imgs/screenshot.png" style="margin: 0 auto;" alt="...">
      							<div class="carousel-caption">
        							Seconda News
      							</div>
    						</div>
    						<div class="item">
      							<img src="styles/imgs/screenshot.png" style="margin: 0 auto;" alt="...">
      							<div class="carousel-caption">
        							Terza News
      							</div>
    						</div>
    					</div>
    					
    					<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    						<span class="glyphicon glyphicon-chevron-left"></span>
    					</a>
    					
    					<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    						<span class="glyphicon glyphicon-chevron-right"></span>
    					</a>
    				</div>

				</div>
			</div>
			<div class="row row-background-index">
				<div class="row-content">
					Footer
				</div>
			</div>
		</div>
	
		<script src="libs/jquery/jquery-1.10.2.min.js"></script>
		<script src="libs/bootstrap/js/bootstrap.min.js"></script>
		<script src="js/function-custom.js"></script>

	</body>
</html>
